import { reactive } from 'vue';

export const TopList = reactive([
  {
    id: 1,
    name: '监测力量',
    clickStatus: false,
    currentClass: 'yuan-icon1',
    activeClass: 'active-ganzhi',
    fontClass: 'jianbian-box1',
    value: 0,
    unit: '个'
  },
  {
    id: 2,
    name: '实时监控',
    clickStatus: false,
    currentClass: 'yuan-icon5',
    activeClass: 'active-ranqi',
    fontClass: 'jianbian-box2',
    value: 0,
    unit: '路'
  },
  {
    id: 3,
    name: '第三方破坏监控',
    clickStatus: false,
    currentClass: 'yuan-icon4',
    activeClass: 'active-xueliang',
    fontClass: 'jianbian-box3',
    value: 0,
    unit: '路'
  },
  {
    id: 4,
    name: '预警总数',
    clickStatus: false,
    currentClass: 'yuan-icon2',
    activeClass: 'active-yujing',
    fontClass: 'jianbian-box4',
    value: 0,
    unit: '件'
  },
  {
    id: 5,
    name: '历史报警总数',
    clickStatus: false,
    currentClass: 'yuan-icon3',
    activeClass: 'active-chuzhi',
    fontClass: 'jianbian-box5',
    value: 0,
    unit: '件'
  }
]);
